<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
<head>
<?php 
$app			= JFactory::getApplication();
$doc			= JFactory::getDocument();
$menu 			= $app->getMenu();
//unset($doc->_scripts[$this->baseurl.'/media/system/js/mootools-core.js']);
//unset($doc->_scripts[$this->baseurl.'/media/system/js/core.js']);
//unset($doc->_scripts[$this->baseurl.'/media/system/js/caption.js']);
?>
<jdoc:include type="head" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1,IE=9">
<!----------- FONT ----------->
<link href='http://fonts.googleapis.com/css?family=Bitter' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300' rel='stylesheet' type='text/css'>

<!----------- CSS ----------->
<link rel="stylesheet" type="text/css" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/css/style.css">

<!----------- JS ----------->
<script type='text/javascript' src='<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/js/jquery-1.8.3.min.js'></script> 

<style>
ul.main-menu li.active a{
	color: #0e4f75 !important;
}

ul.main-menu ul.sub li a{
	color: #ffffff !important;
}

.bg_alert {
	width:270px;
	height:115px;
	background:url(<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/img/bg_alert.png) no-repeat top left;
	margin:0px auto;
	padding:15px 0px 0px 83px;
	color:#000;
}
div.bg_alert #alert{
	margin:0; 
	padding:10px 25px 0 10px; 
	min-height:60px;
	font-size: 12px;
}
</style>
</head>
<body>
<!--Popup-->
<div class="bg_alert" id="show_popup" style="display:none; position: fixed; top: 35%; left: 50%; z-index:10001; margin-left:-140px;"> <span id="f_focus" style="display:none;"></span>
  <div id="alert"></div>
  <div style="padding-left: 40px;"><a href="javascript:void(0);" onclick="close_popup();"><img src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/img/bt_luk.png" alt="" /></a></div>
</div>
<!--End Popup--> 
	<div id="container">
		<div id="header">
	        <div class="w-content">
	            <h1><a href="index.php?option=com_content&view=article&layout=mystyle&id=2&Itemid=101" id="logo">KonsensIT</a></h1>
				<jdoc:include type="modules" name="menu" />  
	            <div class="icon-social">
	            	<a href="https://www.facebook.com/konsensit?ref=hl" target="_blank" class="icon-facebook"><img src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/img/icon-facebook.png" alt="Facebook" /></a>
	                <a href="https://www.linkedin.com/company/3510112?trk=tyah&trkInfo=tas%3Akonsensit%2Cidx%3A1-1-1" target="_blank" class="icon-linkedin"><img src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/img/icon-linkedin.png" alt="Linkedin" /></a>
	            </div>        
	         </div> <!--.content--> 
		</div> <!--.header-->
       
		<jdoc:include type="component" />
             
        <div class= "clear"></div>
       <div id= "footer" >
			<div class="w-content">
		    	{article 1}{text}{/article}
		    </div>
		</div>
	</div><!--container-->
    
    
	<!----------- JS Font ----------->
	<script type="text/javascript">
	  WebFontConfig = {
	    google: { families: [ 'Bitter::latin' ] }
	  };
	  (function() {
	    var wf = document.createElement('script');
	    wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
	      '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
	    wf.type = 'text/javascript';
	    wf.async = 'true';
	    var s = document.getElementsByTagName('script')[0];
	    s.parentNode.insertBefore(wf, s);
	  })(); 
	</script>
	<?php
	$layout = JRequest::getVar('layout',''); 

	$uri = $_SERVER['REQUEST_URI'];
	$pos = strstr($uri, 'mystyle');
	//echo $uri;
	//var_dump($pos);
	if($pos === false):
	?>
	<!----------- JS AUTO SHOW 5S---------->
	<script type="text/javascript">	
		jQuery(document).ready(function () {		
			setTimeout(function(){
			    jQuery('.box1>.hidden-wrapper').addClass('show-top');
			},500);
			//Show Box 1
		});
	</script>
	<script type="text/javascript">	
		jQuery(document).ready(function () {
			
			setTimeout(function(){
			    jQuery('.hidden-wrapper').removeClass('show-top');
				jQuery('.box2>.hidden-wrapper').addClass('show-top');
			},5000);
			//Show Box 2
			//jQuery('.box1>.hidden-wrapper').removeClass('show-top');
		});
	</script>
	<script type="text/javascript">	
		jQuery(document).ready(function () {		
			
			setTimeout(function(){
				jQuery('.hidden-wrapper').removeClass('show-top');
			    jQuery('.box3>.hidden-wrapper').addClass('show-top');
			},10000);
			//Show Box 3
			//jQuery('.box2>.hidden-wrapper').removeClass('show-top');
		});
	</script>
	
	<script type="text/javascript">	
		jQuery(document).ready(function () {		
			setTimeout(function(){
			   jQuery('.hidden-wrapper').removeClass('show-top');
			},15000);
			// Hide All Box		
		});
	</script>
	<?php endif;?>
	<div id="backoverlay" style="position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background-color: rgb(0, 0, 0); opacity: 0.8; display:none;"></div>
</body>
</html>